groupblock {
  margin: 5px;
  padding: 0px;
}

.groupBox {
  -moz-box-align: center;
  padding: 0px;
  margin: 0px;
  max-width: 132px;
  min-width: 132px;
}

.groupImage {
  max-width: 100px;
  min-width: 100px;
  max-height: 100px;
  min-height: 100px;
}
groupblock[selected="true"] .groupBox > stack > .groupSelect {
  border: 3px solid #77A4DA;
}
groupblock[selected="false"] .groupBox > stack > .groupNotSelect {
  background-color: white;
  -moz-opacity: 0.2;
}


/**
 * This is the playing indicator and group Name
 */
.playIcongroupNameBox {
  -moz-box-pack: center;
  -moz-box-align: center;
  max-width: 132px;
}
.playingImage {
  width: 14px;
  height: 14px;
}

/**
 * This is the box that appears when the user mouses over the group
 */
.playButtonBox {
  -moz-box-pack: end;
  -moz-box-align: center;
  margin-bottom: 4px;
}
.playButton {
  border: 1px solid #6F6F6F;
  background-color: #000000;
  -moz-opacity: 0.9;
  -moz-border-radius: 20px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  -moz-box-pack: center;
  -moz-box-align: center;
}
.playButtonLabel {
  -moz-opacity: 1.0 !important;
  font-size: 8px !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
}
.playButtonImage{
  width: 12px;
  height: 12px;
}


/**
 * The Songbird styles apply after these so they override some of the style settings :(
 */
.groupName {
  margin: 0px !important;
  font-weight: bold !important;
  font-size: 10px !important;
  max-width: 100px;
}
.groupSubName {
  margin: 0px !important;
  font-size: 9px !important;
  max-width: 100px;
}

